<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Konata</title>
        
        <!-- 
            スタイルシートは最初に読み込んでおく必要がある．
            各ライブラリは内部でスタイルシートを挿入することがあり，その場合参照がずれる．
        -->
        <link rel="stylesheet" type="text/css" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="./theme/base.css">
        <link rel="stylesheet" type="text/css" href="./theme/dark/style.css" id="konata_theme_css">
        <!--
        <link rel="stylesheet" type="text/css" href="./theme/light/style.css">
        -->

        <!-- jquery/bootstrap -->
        <script type="text/javascript">
            // Electron の仕様で jquery が正しくロードされないので，その対策
            // https://github.com/electron/electron/issues/254
            window.jQuery = window.$ = require("./node_modules/jquery/dist/jquery.js");
        </script>
        <script src="./node_modules/bootstrap/dist/js/bootstrap.js" type="text/javascript"></script>    

        <!-- riot -->
        <script src="./node_modules/riot/riot+compiler.js" type="text/javascript"></script>

    </head>

    <body>
        <!-- 実装 -->
        <script>
            let Store = require("./store");

            let store = new Store.Store();    // Create a store instance.
            let dispatcher = require("./node_modules/riotcontrol/riotcontrol");
            let ACTION = Store.ACTION;  // eslint-disable-line
            let CHANGE = Store.CHANGE;  // eslint-disable-line

            dispatcher.addStore(store); // Register the store in central dispatch.
        </script>

        <script type="riot/tag" src="dialogs.tag.html" charset="UTF-8"></script>
        <script type="riot/tag" src="component.tag.html" charset="UTF-8"></script>
        <script type="riot/tag" src="app.tag.html" charset="UTF-8"></script>

        <!-- app.tag.html 内で定義されたカスタムタグが <app> の下に動的にマウントされる -->
        <app></app>

        <!-- マウントの実行 -->
        <script>
            /* globals riot*/
            riot.mount("app");
        </script>

    </body>

</html>